<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pe="http://primefaces.org/ui/extensions"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<ui:composition template="/templates/templateLayout.xhtml">


	<f:metadata>
		<f:viewParam name="id" value="#{cuentaBean.id}" />
		<f:viewParam name="caja" value="#{cuentaBean.caja}" />
		<f:viewParam name="renta" value="#{cuentaBean.renta}" />
		<f:event type="preRenderView" listener="#{cuentaBean.inicio()}" />
	</f:metadata>


	<ui:define name="centerContent">
		<h:panelGroup layout="block"
			class="title ui-widget-header ui-corner-all"
			style="padding: 8px; font-size: 16px !important; text-align: center;">
			<h:outputText value="#{msgs['cuenta.detalle']}" />
			<h:outputText value=": #{msgs['caja']}" rendered="#{not empty cuentaBean.caja}"/>
			<h:outputText value=": #{msgs['renta']}" rendered="#{not empty cuentaBean.renta}"/>
		
			<h:form>
			<p:panel>
			<p:panelGrid id="panelCreate" style="width: 100%;text-align:left">
						<p:messages  showDetail="true"  closable="true" showSummary="true"/>
						<p:row rendered="#{not empty cuentaBean.entity.cliente}">
							<p:column>
								<h:outputLabel  value="#{msgs['cliente']}:" />
							</p:column>
							<p:column>
								<h:outputLabel  value="#{cuentaBean.entity.cliente.apellidoNombre()}" />															
							</p:column>
							<p:column>
							<h:outputLabel  value="#{msgs['form.dni']}: #{cuentaBean.entity.cliente.dni}" />
							</p:column>
							<p:column colspan="2">
							<h:outputLabel  value="#{msgs['form.mail']}: #{cuentaBean.entity.cliente.mail}" />
							</p:column>
						</p:row>
						<p:row>
							<p:column>
								<h:outputLabel for="nombre" value="#{msgs['form.nombre']}:" />
							</p:column>
							<p:column colspan="4">
								<h:outputLabel id="nombre" value="#{cuentaBean.entity.nombre}" />								
							</p:column>
						</p:row>
						<p:row>
							<p:column>
								<h:outputLabel  value="#{msgs['codigo']}:" />
							</p:column>
							<p:column>
								<h:outputLabel  value="#{cuentaBean.entity.codigo}" />								
							</p:column>
							<p:column>
								<h:outputLabel  value="#{msgs.grupo}: #{cuentaBean.entity.grupo.toString()}" />								
							</p:column>
							<p:column>
								<h:outputLabel  value="#{msgs.subGrupo}: #{cuentaBean.entity.subGrupo.toString()}" />
								<h:outputLabel  value="#{cuentaBean.entity.numero}" />
							</p:column>
							<p:column>
								<h:outputLabel  value="#{msgs.numero}: #{cuentaBean.entity.numero}" />								
							</p:column>
						</p:row>
						<p:row>
							<p:column>
								<h:outputLabel  value="#{msgs['form.estado']}:" />
							</p:column>
							<p:column colspan="4">
								<h:outputLabel  value="#{cuentaBean.entity.estado.toString()}" />								
							</p:column>
						</p:row>
						<p:row>
							<p:column>
								<h:outputLabel for="saldo" value="#{msgs['saldo']}:" />
							</p:column>
							<p:column colspan="4">
								<h:outputLabel id="saldo" value="#{cuentaBean.entity.saldo}">
								<f:convertNumber currencySymbol="$" type="currency"
											maxFractionDigits="2" />
								</h:outputLabel>								
							</p:column>
						</p:row>
					</p:panelGrid>
					
					<p:spacer height="20px"/>
					
			<ui:include src="/pages/shared/movimietosLista.xhtml">
					<ui:param name="movimientos" value="#{cuentaBean.entity.movimientos}" />
			</ui:include>	
					
			<f:facet name="footer">
					<ui:include src="/templates/toolbarView.xhtml" />				
			</f:facet>
			
			</p:panel>
			</h:form>
			</h:panelGroup>
		
	</ui:define>
</ui:composition>
</html>

